import { Suspense } from "react";

import Router from "@/router";
import ResourceLoading from "@/components/resourceLoading";

import { useTheme, useThemeColor } from "@/hooks";

import "@/styles/themes/light.scss";
import "@/styles/themes/dark-light.scss";

import "@/styles/global.scss";

const App = () => {
  // 参数初始化
  useTheme({ theme: "light", tabsEnabled: true, breadcrumbEnabled: true });
  useThemeColor();

  return (
    <Suspense fallback={<ResourceLoading />}>
      <Router />
    </Suspense>
  );
};

export default App;
